<?php
/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
?>
<div class="col_12">

    <label for="text1"><strong>Documentos Pendientes:</strong></label><label for="text2"></label>
    <div class="col_12">
        <ul class="tabs left">
            <li><a href="#tabr1">Principal</a></li>
            <li><a href="#tabr2">Forma Pago</a></li>
            <li><a href="#tabr3">Resumen</a></li>
        </ul>

        <div id="tabr1" class="tab-content">
            <div class="col_12">
                <div id="tabc1" >

                    <div class="tab-pane active" id="demo">

                        <p>
                            Busqueda: <input id="filter" type="text"/>
                            Estado:
                            <select class="filter-status">
                                <option></option>
                                <option value="active">Active</option>
                                <option value="disabled">Disabled</option>
                                <option value="suspended">Suspended</option>
                            </select>
                            <a href="#clear" class="clear-filter" title="clear filter"><i class="icon-rss"></i> Limpiar</a>
                            <span class="row-count"></span>
                        </p>
                        <table class="table demo" data-filter="#filter" data-page-size="5">
                            <thead>
                                <tr>
                                    <th data-toggle="true">
                                        Cod.Compañia <!-- COD_COMPANIA -->
                                    </th>
                                    <th>
                                        Tipo Doc <!-- TIPO_DOCUMENTO -->
                                    </th>
                                    <th data-hide="phone,tablet">
                                        Numero Doc <!-- NUM_DOCUMENTO -->
                                    </th>
                                    <th data-hide="phone,tablet" data-name="Date Of Birth">
                                        Fecha Factura <!-- FECHA_FACTURA -->
                                    </th>
                                    <th data-hide="phone">
                                        Fecha Vencimiento <!-- FECHA_VENCIMIENTO -->
                                    </th>
                                    <th data-toggle="true">
                                        Monto Original <!-- MONTO_ORIGINAL -->
                                    </th>
                                    <th data-toggle="true">
                                        Saldo <!-- SALDO -->
                                    </th>
                                    <th data-hide="phone,tablet">
                                        Mora <!-- MORA -->
                                    </th>
                                    <th data-hide="phone,tablet" data-name="Date Of Birth">
                                        Entregado <!-- ENTREGADO -->
                                    </th>
                                    <th data-hide="phone">
                                        En Tramite <!-- EN_TRAMITE -->
                                    </th>
                                    <th data-toggle="true">
                                        Observacion <!-- OBSERVACION -->
                                    </th>
                                    <th data-toggle="true">
                                        Cod.Cliente <!-- COD_CLIENTE -->
                                    </th>
                                    <th data-toggle="true">
                                        Nombre <!-- NOMBRE -->
                                    </th>
                                    <th data-toggle="true">
                                        Cobrada <!-- COBRADA -->
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Isidra</td>
                                    <td><a href="#">Boudreaux</a></td>
                                    <td>Traffic Court Referee</td>
                                    <td data-value="78025368997">22 Jun 1972</td>
                                    <td data-value="1"><span class="status-metro status-active" title="Active">Active</span></td>
                                    <td>Costa Rica</td>
                                    <td>Isidra</td>
                                    <td><a href="#">Boudreaux</a></td>
                                    <td>Traffic Court Referee</td>
                                    <td data-value="78025368997">22 Jun 1972</td>
                                    <td data-value="1"><span class="status-metro status-active" title="Active">Active</span></td>
                                    <td>Costa Rica</td>
                                    <td data-value="1"><span class="status-metro status-active" title="Active">Active</span></td>
                                    <td>Costa Rica</td>
                                </tr>
                                <tr>
                                    <td>Isidra</td>
                                    <td><a href="#">Boudreaux</a></td>
                                    <td>Traffic Court Referee</td>
                                    <td data-value="78025368997">22 Jun 1972</td>
                                    <td data-value="1"><span class="status-metro status-active" title="Active">Active</span></td>
                                    <td>Costa Rica</td>
                                    <td>Isidra</td>
                                    <td><a href="#">Boudreaux</a></td>
                                    <td>Traffic Court Referee</td>
                                    <td data-value="78025368997">22 Jun 1972</td>
                                    <td data-value="1"><span class="status-metro status-active" title="Active">Active</span></td>
                                    <td>Costa Rica</td>
                                    <td data-value="1"><span class="status-metro status-active" title="Active">Active</span></td>
                                    <td>Costa Rica</td>
                                </tr>
                                <tr>
                                    <td>Isidra</td>
                                    <td><a href="#">Boudreaux</a></td>
                                    <td>Traffic Court Referee</td>
                                    <td data-value="78025368997">22 Jun 1972</td>
                                    <td data-value="1"><span class="status-metro status-active" title="Active">Active</span></td>
                                    <td>Costa Rica</td>
                                    <td>Isidra</td>
                                    <td><a href="#">Boudreaux</a></td>
                                    <td>Traffic Court Referee</td>
                                    <td data-value="78025368997">22 Jun 1972</td>
                                    <td data-value="1"><span class="status-metro status-active" title="Active">Active</span></td>
                                    <td>Costa Rica</td>
                                    <td data-value="1"><span class="status-metro status-active" title="Active">Active</span></td>
                                    <td>Costa Rica</td>
                                </tr>
                                <tr>
                                    <td>Isidra</td>
                                    <td><a href="#">Boudreaux</a></td>
                                    <td>Traffic Court Referee</td>
                                    <td data-value="78025368997">22 Jun 1972</td>
                                    <td data-value="1"><span class="status-metro status-active" title="Active">Active</span></td>
                                    <td>Costa Rica</td>
                                    <td>Isidra</td>
                                    <td><a href="#">Boudreaux</a></td>
                                    <td>Traffic Court Referee</td>
                                    <td data-value="78025368997">22 Jun 1972</td>
                                    <td data-value="1"><span class="status-metro status-active" title="Active">Active</span></td>
                                    <td>Costa Rica</td>
                                    <td data-value="1"><span class="status-metro status-active" title="Active">Active</span></td>
                                    <td>Costa Rica</td>
                                </tr>
                                <tr>
                                    <td>Isidra</td>
                                    <td><a href="#">Boudreaux</a></td>
                                    <td>Traffic Court Referee</td>
                                    <td data-value="78025368997">22 Jun 1972</td>
                                    <td data-value="1"><span class="status-metro status-active" title="Active">Active</span></td>
                                    <td>Costa Rica</td>
                                    <td>Isidra</td>
                                    <td><a href="#">Boudreaux</a></td>
                                    <td>Traffic Court Referee</td>
                                    <td data-value="78025368997">22 Jun 1972</td>
                                    <td data-value="1"><span class="status-metro status-active" title="Active">Active</span></td>
                                    <td>Costa Rica</td>
                                    <td data-value="1"><span class="status-metro status-active" title="Active">Active</span></td>
                                    <td>Costa Rica</td>
                                </tr>
                            </tbody>
                            <tfoot class="hide-if-no-paging">
                                <tr>
                                    <td colspan="12">
                                        <div class="pagination pagination-centered"></div>
                                    </td>
                                </tr>
                            </tfoot>
                        </table>
                    </div><!--div tab-pane active end-->

                </div> <!--Tab 1 end-->
            </div>

        </div>
        <div id="tabr2" class="tab-content">
            <div class="col_12">

                <div class="col_12">
                    <div class="col_12">
                        <div class="col_4"><label for="text1"> Forma de Pago </label></div>
                        <div class="col_8">
                            <select class="filter-status">
                                <option></option>
                                <option value="Efectivo-Total">Efectivo-Total</option>
                                <option value="Efectivo-Abono">Efectivo-Abono</option>
                                <option value="Cheque-Total">Cheque-Total</option>     
                                <option value="Cheque-Abono">Cheque-Abono</option>
                                <option value="Depósito-Total">Depósito-Total</option>
                                <option value="Depósito-Abono">Depósito-Abono</option>
                            </select>
                        </div>
                    </div>
                    <div class="col_12">
                        <div class="col_4"><label for="text2">Paga</label></div>
                        <div class="col_8">
                            <input id="txtMontoFactura" type="text" class="col_10"/>
                        </div>
                    </div>
                    <div class="col_12">
                        <div class="col_4"><label for="text3">Documento</label></div>
                        <div class="col_8">
                            <input id="txtNumero" type="text" class="col_10"/>
                        </div>
                    </div>
                    <div class="col_12">
                        <div class="col_4"><label for="text4" >Banco</label></div>
                        <div class="col_8">
                            <select class="filter-status" id="cmbBanco">
                                <option></option>
                                <option value="EFECTIVO">EFECTIVO</option>
                                <option value="CHEQUE">CHEQUE</option>
                                <option value="DEPOSITO">DEPOSITO</option>     
                                <option value="TRANSFERENCIA">TRANSFERENCIA</option>
                            </select>
                        </div>
                    </div>
                    <div class="col_12">
                        <div class="col_4"><label for="text2">Fecha</label></div>
                        <div class="col_8"><input type="date" name="fecha" id="fecha" placeholder="Fecha" autocomplete="off" tabindex="1" class="datepicker"/> </div>
                    </div>
                    <div class="col_12">
                        <div class="col_8"></div>
                        <div class="col_4"><input type="button" class="blue" value="OK" class="col_12"/></div>
                    </div>
                </div>


                <div class="col_12"> 
                    <div class="col_4">

                        <div class="col_12">
                            <div class="col_6"><label for="text2">Monto</label></div>
                            <div class="col_6"><input id="txtMonto" type="text" class="col_12"/></div>
                        </div>

                        <div class="col_12"  type="hidden">
                            <select class="col_12" id="cmbRebajo">
                                <option></option>
                            </select>
                        </div>          
                        <div class="col_12">
                            <div class="col_6"><label for="text2">Monto</label></div>
                            <div class="col_6"><input id="txtMonto" type="text" class="col_12"/></div>
                        </div>

                        <div class="col_12">
                            <div class="col_6">
                                <input type="checkbox" id="check1" />
                                <label for="check1" class="inline">Rebajo</label>
                            </div>
                            <div class="col_6">
                                <input type="checkbox" id="check2" />
                                <label for="check2" class="inline">Dolares</label>
                            </div>
                        </div>          
                    </div>
                    <div class="col_8">
                        <div class="col_4"><input type="button" class="blue" value="1"/></div>
                        <div class="col_4"><input type="button" class="blue" value="2"/></div>
                        <div class="col_4"><input type="button" class="blue" value="3"/></div>

                        <div class="col_4"><input type="button" class="blue" value="4"/></div>
                        <div class="col_4"><input type="button" class="blue" value="5"/></div>
                        <div class="col_4"><input type="button" class="blue" value="6"/></div>

                        <div class="col_4"><input type="button" class="blue" value="7"/></div>
                        <div class="col_4"><input type="button" class="blue" value="8"/></div>
                        <div class="col_4"><input type="button" class="blue" value="9"/></div>

                        <div class="col_4"><input type="button" class="blue" value="0"/></div>
                        <div class="col_4"><input type="button" class="blue" value="."/></div>
                        <div class="col_4"><input type="button" class="blue" value="CL"/></div>
                    </div>
                </div>

            </div>

        </div>
        <div id="tabr3" class="tab-content">
            <div class="col_12">
                <div id="tabc1" >

                    <div class="tab-pane active" id="demo">

                       <!-- <p>
                            Busqueda: <input id="filter" type="text"/>
                            Estado:
                            <select class="filter-status">
                                <option></option>
                                <option value="active">Active</option>
                                <option value="disabled">Disabled</option>
                                <option value="suspended">Suspended</option>
                            </select>
                            <a href="#clear" class="clear-filter" title="clear filter"><i class="icon-rss"></i> Limpiar</a>
                            <span class="row-count"></span>
                        </p>-->
                        <table class="table demo" data-filter="#filter" data-page-size="5">
                            <thead>
                                <tr>
                                    <th data-toggle="true">
                                        Num Factura <!-- COD_COMPANIA -->
                                    </th>
                                    <th>
                                        Num Recibo <!-- TIPO_DOCUMENTO -->
                                    </th>
                                    <th data-hide="phone,tablet">
                                        Cod.Cliente <!-- NUM_DOCUMENTO -->
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>R654654</td>
                                    <td data-value="78025368997">F987987</td>
                                    <td>123</td>
                                </tr>
                                <tr>
                                    <td>R654654</td>
                                    <td data-value="78025368997">F987987</td>
                                    <td>123</td>
                                </tr>
                                <tr>
                                    <td>R654654</td>
                                    <td data-value="78025368997">F987987</td>
                                    <td>123</td>
                                </tr>
                                <tr>
                                    <td>R654654</td>
                                    <td data-value="78025368997">F987987</td>
                                    <td>123</td>
                                </tr>
                                <tr>
                                    <td>R654654</td>
                                    <td data-value="78025368997">F987987</td>
                                    <td>123</td>
                                </tr>
                            </tbody>
                            <tfoot class="hide-if-no-paging">
                                <tr>
                                    <td colspan="12">
                                        <div class="pagination pagination-centered"></div>
                                    </td>
                                </tr>
                            </tfoot>
                        </table>
                    </div><!--div tab-pane active end-->

                </div> <!--Tab 1 end-->
                
                <div class="col_12">
                    <div class="col_6">
                            <div class="col_6"><label for="text2">Efectivo</label></div>
                            <div class="col_6"><input id="txtEfectivo" type="text" class="col_12"/></div>
                            
                            <div class="col_6"><label for="text2">Facturado</label></div>
                            <div class="col_6"><input id="txtFacturado" type="text" class="col_12"/></div>
                    </div>
                    <div class="col_6">
                            <div class="col_6"><label for="text2">Documentos</label></div>
                            <div class="col_6"><input id="txtDocumentos" type="text" class="col_12"/></div>
                            
                            <div class="col_6"><label for="text2">Diferencia</label></div>
                            <div class="col_6"><input id="txtDiferencia" type="text" class="col_12"/></div>
                    </div>
                    
                </div>
        </div>
    </div>
    </div>
</div>